/**
 * 用户增加和编辑组件
 */

import { Form, Input } from "antd"

function UserFormView(props) {
  const {form} = props
  return (
    <div className="content">
      <div>       
        <Form
          name="basic"
          labelCol={{ span: 8 }}
          wrapperCol={{ span: 6 }}
          form ={form}
        >
          <Form.Item
            label="姓名"
            name="name"
            rules={[{ required: true, message: 'Please input your name!' }]}
          >
            <Input />
          </Form.Item>
          <Form.Item
            label="爱好"
            name="hooby"
            rules={[{ required: true, message: 'Please input your hooby!' }]}
          >
            <Input />
          </Form.Item>
        </Form>
      </div>

    </div>
  )
}

export default UserFormView